<template>
  <div class="registartionSettings-content">
    <el-tabs
        v-model="types" v-if="menuItem.length > 0"
        class="custom-tabs"
      >
        <el-tab-pane
          v-for="tab in menuItem"
          :key="tab.perms"
          :label="tab.menuName"
          :name="tab.perms"
        >
        </el-tab-pane>
      </el-tabs>
    <div class="registrationSettings-item" v-if="types === 'manage-project-doctorFee'">
      <registerMoney></registerMoney>
    </div>
    <div class="registrationSettings-item" v-if="types === 'manage-project-jc'">
      <projectFee :projectCategory="'1'" />
    </div>
    <div class="registrationSettings-item" v-if="types === 'manage-project-jy'">
      <projectFee :projectCategory="'2'" />
    </div>
    <div class="registrationSettings-item" v-if="types === 'manage-project-wz'">
      <projectFee :projectCategory="'3'" />
    </div>
    <div class="registrationSettings-item" v-if="types === 'manage-project-gear'">
      <gear />
    </div>
  </div>
</template>
<script setup lang="ts">
import registerMoney from './registerMoney/index.vue';
import projectFee from './projectFee/index.vue';
import gear from './gear/index.vue';
import stores from '@/store';
const route = useRoute();
//菜单权限
let menuList = ref<any>( await stores.useBaseDataStore().findMenuList(route.query.submenuId));
menuList.value.filter((item:any) => {
  return  item.menuType == 2;
})
let menuItem = ref<any>(menuList.value);
const types = ref<string>(menuItem.value[0].perms); // 默认选中标签

const parentMethod = (e: string) => {
  //console.log('父组件方法被调用', e);
  types.value = e;
};
</script>
<style lang="scss" scoped>
.registrationSettings-item {
  height: calc(100% - 48px);
}
.registartionSettings-content {
  height: 100%;
}
::v-deep(.el-tabs__item) {
  width: 110px !important; /* 设置每个tab的宽度 */
  padding: 0 !important; /* 去除默认padding */
  font-size: 16px !important; /* 设置字体大小 */
}
::v-deep(.el-tabs__nav-wrap:after) {
  height: 1px !important;
}
</style>
